var id;
$(function(){
	id = getUrlParam("id");
	if(id){
		loadTag();
	}else{
		initColor();
	}
	$("#saveBtn").on('click',function(){
		formSubmit();
	});
});

function initColor(){
	$("#tagColor").minicolors({
		control: 'hue',
		defaultValue: '',
		inline: false,
		letterCase: 'lowercase',
		position: 'bottom left',
		change: function(hex, opacity) {
			if( !hex ) return;
			if( opacity ) hex += ', ' + opacity;
			try {
				console.log(hex);
			} catch(e) {}
		},
		theme: 'bootstrap'
	});
}

function loadTag(){
	$.ajax({
		url:BASE_PATH+'/tag/get.do',
		type:'get',
		data:{
			id:id
		},
		dataType:'json',
		success:function(data){
			if(data.errorMsg == 'expire'){
				window.location.href="login.html";
			}else{
				$("#tagName").val(data.tagName);
				$("#tagColor").val(data.tagColor);
				initColor();
			}
			
		}
	});
}

function formSubmit(){
	var tagName = $("#tagName").val();
	if(!tagName){
		$('#tagName').parent().parent().removeClass('has-error');
		$('#tagName').parent().parent().addClass('has-error');
		return false;
	}else{
		$('#tagName').parent().parent().removeClass('has-error');
	}
	var tagColor = $("#tagColor").val();
	if(!tagColor){
		$('#tagColor').parent().parent().removeClass('has-error');
		$('#tagColor').parent().parent().addClass('has-error');
		return false;
	}else{
		$('#tagColor').parent().parent().removeClass('has-error');
	}
	$.ajax({
		url:BASE_PATH+'/tag/merge.do',
		type:'post',
		data:{
			tagName:tagName,
			tagColor:tagColor,
			id:id
		},
		dataType:'json',
		success:function(data){
			if(data.status=='success'){
				window.location.href=BASE_PATH+"/tags.html";
			}else{
				if(data.errorMsg=='expire'){
					window.location.href="login.html"
				}else{
					alert(data.erroeMsg);
				}
			}
		}
	});
}